<template>
  <div class="all-comment">
    <header class="header">
      <van-icon class="icon" name="arrow-left" @click.stop="$emit('changeShow')"/>
      <div>评价晒单</div>
    </header>
    <div class="comment-list" v-if="commentList">
      <StoreCommentItem
          v-for="(item, index) in commentList"
          :key="index"
          :comment="item"
        />
    </div>
  </div>
</template>

<script>
import StoreCommentItem from '@/components/store/StoreCommentItem.vue' 
  export default {
    components:{
      StoreCommentItem
    },
    props:['commentList']
  }
</script>

<style lang="scss" scoped>
.all-comment{
  width: 100%;
  min-height: 100vh;
  background-color: var(--bgc-white);
  .header{
    width: 100%;
    height: 0.5rem;
    box-sizing: border-box;
    padding: 0 0.15rem;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
    border-bottom: 0.01rem solid var(--border-gray);
    .icon{
      font-size: 0.22rem;
      margin-right: 0.2rem;
    }
  }
  .comment-list{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.15rem;
  }
}
</style>